<!--我的代理人-->
<template>
    <div class="agent-section section pt-100 pt-lg-80 pt-md-70 pt-sm-60 pt-xs-50 pb-100 pb-lg-80 pb-md-70 pb-sm-60 pb-xs-50">
        <div class="container">
            <div class="row">
                <div class="col-md-12 mb-60 mb-xs-30">
                    <div class="section-title center">
                        <h1>我的代理人</h1>
                    </div>
                </div>
            </div>
            <b-carousel v-model="slide"
                        :interval="4000"
                        controls
                        img-width="1024"
                        img-height="450">
                <b-carousel-slide img-blank img-blank-color="#fff">
                    <div class="row">
                        <!--Agent satrt-->
                        <div class="col-lg-3 col-md-3 col-3 mb-30">
                            <div class="agent">
                                <div class="image">
                                    <a class="img" href="agent-details.html">
                                        <img src="/images/agent/agent-1.jpg" alt="">
                                    </a>
                                    <div class="social">
                                        <a href="#" class="facebook"><i class="fa fa-facebook"></i></a>
                                        <a href="#" class="twitter"><i class="fa fa-twitter"></i></a>
                                        <a href="#" class="linkedin"><i class="fa fa-linkedin"></i></a>
                                        <a href="#" class="google"><i class="fa fa-google-plus"></i></a>
                                    </div>
                                </div>
                                <div class="content">
                                    <h4 class="title"><a href="agent-details.html">唐纳德.菲尔</a></h4>
                                    <a href="#" class="phone">(756) 447 5779</a>
                                    <a href="#" class="email">info@example.com</a>
                                    <span class="properties">5房</span>
                                </div>
                            </div>
                        </div>

                        <!--Agent satrt-->
                        <div class="col-lg-3 col-md-3 col-3 mb-30">
                            <div class="agent">
                                <div class="image">
                                    <a class="img" href="agent-details.html"><img src="/images/agent/agent-1.jpg"
                                                                                  alt=""></a>
                                    <div class="social">
                                        <a href="#" class="facebook"><i class="fa fa-facebook"></i></a>
                                        <a href="#" class="twitter"><i class="fa fa-twitter"></i></a>
                                        <a href="#" class="linkedin"><i class="fa fa-linkedin"></i></a>
                                        <a href="#" class="google"><i class="fa fa-google-plus"></i></a>
                                    </div>
                                </div>
                                <div class="content">
                                    <h4 class="title"><a href="agent-details.html">唐纳德.菲尔</a></h4>
                                    <a href="#" class="phone">(756) 447 5779</a>
                                    <a href="#" class="email">info@example.com</a>
                                    <span class="properties">5房</span>
                                </div>
                            </div>
                        </div>

                        <!--Agent satrt-->
                        <div class="col-lg-3 col-md-3 col-3 mb-30">
                            <div class="agent">
                                <div class="image">
                                    <a class="img" href="agent-details.html"><img src="/images/agent/agent-1.jpg"
                                                                                  alt=""></a>
                                    <div class="social">
                                        <a href="#" class="facebook"><i class="fa fa-facebook"></i></a>
                                        <a href="#" class="twitter"><i class="fa fa-twitter"></i></a>
                                        <a href="#" class="linkedin"><i class="fa fa-linkedin"></i></a>
                                        <a href="#" class="google"><i class="fa fa-google-plus"></i></a>
                                    </div>
                                </div>
                                <div class="content">
                                    <h4 class="title"><a href="agent-details.html">唐纳德.菲尔</a></h4>
                                    <a href="#" class="phone">(756) 447 5779</a>
                                    <a href="#" class="email">info@example.com</a>
                                    <span class="properties">5房</span>
                                </div>
                            </div>
                        </div>

                        <!--Agent satrt-->
                        <div class="col-lg-3 col-md-3 col-3 mb-30">
                            <div class="agent">
                                <div class="image">
                                    <a class="img" href="agent-details.html"><img src="/images/agent/agent-1.jpg"
                                                                                  alt=""></a>
                                    <div class="social">
                                        <a href="#" class="facebook"><i class="fa fa-facebook"></i></a>
                                        <a href="#" class="twitter"><i class="fa fa-twitter"></i></a>
                                        <a href="#" class="linkedin"><i class="fa fa-linkedin"></i></a>
                                        <a href="#" class="google"><i class="fa fa-google-plus"></i></a>
                                    </div>
                                </div>
                                <div class="content">
                                    <h4 class="title"><a href="agent-details.html">唐纳德.菲尔</a></h4>
                                    <a href="#" class="phone">(756) 447 5779</a>
                                    <a href="#" class="email">info@example.com</a>
                                    <span class="properties">5房</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </b-carousel-slide>
                <b-carousel-slide img-blank img-blank-color="#fff">
                    <div class="row">
                        <!--Agent satrt-->
                        <div class="col-lg-3 col-md-3 col-3 mb-30">
                            <div class="agent">
                                <div class="image">
                                    <a class="img" href="agent-details.html">
                                        <img src="/images/agent/agent-1.jpg" alt="">
                                    </a>
                                    <div class="social">
                                        <a href="#" class="facebook"><i class="fa fa-facebook"></i></a>
                                        <a href="#" class="twitter"><i class="fa fa-twitter"></i></a>
                                        <a href="#" class="linkedin"><i class="fa fa-linkedin"></i></a>
                                        <a href="#" class="google"><i class="fa fa-google-plus"></i></a>
                                    </div>
                                </div>
                                <div class="content">
                                    <h4 class="title"><a href="agent-details.html">唐纳德.菲尔</a></h4>
                                    <a href="#" class="phone">(756) 447 5779</a>
                                    <a href="#" class="email">info@example.com</a>
                                    <span class="properties">5房</span>
                                </div>
                            </div>
                        </div>

                        <!--Agent satrt-->
                        <div class="col-lg-3 col-md-3 col-3 mb-30">
                            <div class="agent">
                                <div class="image">
                                    <a class="img" href="agent-details.html"><img src="/images/agent/agent-1.jpg"
                                                                                  alt=""></a>
                                    <div class="social">
                                        <a href="#" class="facebook"><i class="fa fa-facebook"></i></a>
                                        <a href="#" class="twitter"><i class="fa fa-twitter"></i></a>
                                        <a href="#" class="linkedin"><i class="fa fa-linkedin"></i></a>
                                        <a href="#" class="google"><i class="fa fa-google-plus"></i></a>
                                    </div>
                                </div>
                                <div class="content">
                                    <h4 class="title"><a href="agent-details.html">唐纳德.菲尔</a></h4>
                                    <a href="#" class="phone">(756) 447 5779</a>
                                    <a href="#" class="email">info@example.com</a>
                                    <span class="properties">5房</span>
                                </div>
                            </div>
                        </div>

                        <!--Agent satrt-->
                        <div class="col-lg-3 col-md-3 col-3 mb-30">
                            <div class="agent">
                                <div class="image">
                                    <a class="img" href="agent-details.html"><img src="/images/agent/agent-1.jpg"
                                                                                  alt=""></a>
                                    <div class="social">
                                        <a href="#" class="facebook"><i class="fa fa-facebook"></i></a>
                                        <a href="#" class="twitter"><i class="fa fa-twitter"></i></a>
                                        <a href="#" class="linkedin"><i class="fa fa-linkedin"></i></a>
                                        <a href="#" class="google"><i class="fa fa-google-plus"></i></a>
                                    </div>
                                </div>
                                <div class="content">
                                    <h4 class="title"><a href="agent-details.html">唐纳德.菲尔</a></h4>
                                    <a href="#" class="phone">(756) 447 5779</a>
                                    <a href="#" class="email">info@example.com</a>
                                    <span class="properties">5房</span>
                                </div>
                            </div>
                        </div>

                        <!--Agent satrt-->
                        <div class="col-lg-3 col-md-3 col-3 mb-30">
                            <div class="agent">
                                <div class="image">
                                    <a class="img" href="agent-details.html"><img src="/images/agent/agent-1.jpg"
                                                                                  alt=""></a>
                                    <div class="social">
                                        <a href="#" class="facebook"><i class="fa fa-facebook"></i></a>
                                        <a href="#" class="twitter"><i class="fa fa-twitter"></i></a>
                                        <a href="#" class="linkedin"><i class="fa fa-linkedin"></i></a>
                                        <a href="#" class="google"><i class="fa fa-google-plus"></i></a>
                                    </div>
                                </div>
                                <div class="content">
                                    <h4 class="title"><a href="agent-details.html">唐纳德.菲尔</a></h4>
                                    <a href="#" class="phone">(756) 447 5779</a>
                                    <a href="#" class="email">info@example.com</a>
                                    <span class="properties">5房</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </b-carousel-slide>
            </b-carousel>
        </div>
    </div>
</template>

<script>
    export default {
        props: {
            dataList: {
                type: Array,
                default() {
                  return [
                      {
                          photo:'/images/agent/agent-1.jpg',
                          email:'info@mail.com',
                          name:'哈根达斯',
                          mobile:'18908160000'
                      }
                  ]
                }
            }
        },
        data() {
            return {
                slide: 0,
            }
        }
    }
</script>

<style scoped>
    .agent {
        width: 270px;
        height: 425px;
        margin: 0;
        padding: 0;
    }

    .agent > .content > a {
        color: #858585 !important;
    }
</style>
